<template>
  <div class="wh100 sidebar-body" name="Sidebar">
    <el-menu
      active-text-color="#0099ff"
      router
    >
      <el-menu-item index="/">
        <el-icon><HomeFilled /></el-icon>
        <span>系统首页</span>
      </el-menu-item>
      <el-menu-item index="/statistics">
        <el-icon><Histogram /></el-icon>
        <span>数据统计</span>
      </el-menu-item>
    </el-menu>
  </div>
</template>

<script setup lang="ts" name="Sidebar">
import { HomeFilled, Histogram } from '@element-plus/icons-vue'
</script>

<style lang="less" scoped>
.sidebar-body {
  .el-menu{
   border: none;
  }
}
</style>
